<template>
    <div class="">
        <div id="wrapper">
            <div class="game-trading-guarantee-page">
                <!--top-->
               <Appheard v-if="appTrue"></Appheard>
                <!--头部背景-->
                <div class="game-trading-guarantee-top-bg" :class="{'mt-97': appTrue}"></div>
                <!--专注游戏交易服务15年（特殊字体用的背景图片）-->
                <div class="px-30">
                    <div class="game-trading-guarantee-page-title1"></div>
                </div>
                <div class="clearfix px-30">
                    <div class="game-trading-guarantee-item text-center fl">
                        <div class="game-trading-guarantee-item-icon">
                            <i class="icon-trading-guarantee01"></i>
                        </div>
                        <p class="game-trading-guarantee-item-name mt-25 f28 color-666">客服全程协助</p>
                    </div>
                    <div class="between-space text-center fl">
                        <span class="between-space-item"></span>
                        <span class="between-space-item"></span>
                        <span class="between-space-item"></span>
                    </div>
                    <div class="game-trading-guarantee-item text-center fl">
                        <div class="game-trading-guarantee-item-icon">
                            <i class="icon-trading-guarantee02"></i>
                        </div>
                        <p class="game-trading-guarantee-item-name mt-25 f28 color-666">付款保障</p>
                    </div>
                    <div class="between-space text-center fl">
                        <span class="between-space-item"></span>
                        <span class="between-space-item"></span>
                        <span class="between-space-item"></span>
                    </div>
                    <div class="game-trading-guarantee-item text-center fl">
                        <div class="game-trading-guarantee-item-icon">
                            <i class="icon-trading-guarantee03"></i>
                        </div>
                        <p class="game-trading-guarantee-item-name mt-25 f28 color-666">卖家身份认证</p>
                    </div>
                </div>
                <div class="guarantee-steps px-30">
                    <div class="guarantee-steps-box">
                        <div class="text-center">
                            <div class="guarantee-steps-item-type1 guarantee-steps-item-pay">
                                <i class="icon-guarantee-steps02"></i>
                                <p class="f24">买家下单支付</p>
                            </div>
                            <div class="between-arrow"></div>
                            <div class="guarantee-steps-item-type1 guarantee-steps-item-sure">
                                <i class="icon-guarantee-steps03"></i>
                                <p class="f24">验证帐号信息</p>
                            </div>
                            <div class="between-arrow"></div>

                            <div class="guarantee-steps-item-type1">
                                <i class="icon-guarantee-steps04"></i>
                                <p class="f24">客服辅助交易</p>
                            </div>

                            <div class="guarantee-steps-item-type2 guarantee-steps-item-sell">
                                <i class="icon-guarantee-steps01"></i>
                                <p class="f24">提取帐号</p>
                            </div>
                            <div class="between-arrow"></div>
                            <div class="guarantee-steps-item-type2">
                                <i class="icon-guarantee-steps05"></i>
                                <p class="f24">交易成功</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!--游戏交易常见问题（特殊字体用的背景图片）-->
                <div class="px-30">
                    <div class="game-trading-guarantee-page-title2"></div>
                </div>
                <div class="px-30">
                    <div class="guarantee-problem-list p-30 bg-fff">
                        <h2 class="title f36 color-000">1.什么是“截图认证”？</h2>
                        <p class="f28 color-666">截图认证是5173客服上号后，根据不同游戏的特点对帐号进行真实的截图。</p>
                        <h2 class="title f36 color-000">2.什么是“安心买”？</h2>
                        <p class="f28 color-666">买家购买带有安心买服务的商品，如该商品被卖家找回、被运营商收回、封号等情况，买家申请退款后，我们会帮您找回商品或给予退款。</p>
                        <h2 class="title f36 color-000">3.下单后，怎么联系客服？</h2>
                        <p class="f28 color-666">拍下商品后，可在订单详情页点击【联系客服】直接与5173客服对话。</p>
                        <h2 class="title f36 color-000">4.怎么验证帐号信息？</h2>
                        <p class="f28 color-666">买家付款后，可在订单详情页查看帐号最新截图。</p>
                        <h2 class="title f36 color-000">5.如何确认购买？</h2>
                        <p class="f28 color-666">验证帐号信息后，可在订单详情页联系客服，告知客服验号完成，确认购买。</p>
                        <h2 class="title f36 color-000">6.如何取消订单？</h2>
                        <p class="f28 color-666">验证帐号信息后，可在订单详情页联系客服，告知客服要求取消订单。</p>
                    </div>
                </div>
            </div>
        </div>
        <share></share>
    </div>
</template>

<script>
  import share from '../common/NewShare.vue' // 分享
  import Appheard from '../Header.vue' // 头部
  export default {
    data () {
      return {
          // app去头参数
         appTrue:(this.$route.query.app == 'true' || this.$route.query.app == true) ? false : true,
      }
    },
    components: {
      share,
      Appheard
    },
    mounted(){
      window.scrollTo(0,0)
      this.$bus.emit('headerText','游戏交易说明')
      this.$bus.emit('isMore',true)
      this.$bus.emit('isMoreHead',false)
    },
    destroyed(){
      this.$bus.emit('headerText','')
      this.$bus.emit('isMore',false)
      this.$bus.emit('isMoreHead',true)
    }
  }
</script>

<style src='css/common/list-cl.css' ></style>
<style scoped>

</style>
